.cd1-box{
    width:100%;
    height:1.5rem;
    /* background: #ccc; */
    background: url('../images/cd-banner.png') no-repeat;
    background-position: center;
    background-size: cover;
}

.cd-tab{
    width:100%;
    height:.7rem;

}

.cd-content{
    display: flex;
}

.cd-content >  p{
    font-weight: 400;
    font-size: .16rem;
    color: #333333;
    line-height: .7rem;
}
.cd-content >  p:first-child:hover{
    color:#1D2F5E;
    cursor: pointer;
}

.cd-content >  p:nth-child(2), .cd-content >  p:nth-child(4){
    margin: 0 .14rem;
}

.cd2-box{
    width:100%;
    height:auto;
    padding:.4rem 0 1rem 0;
    background: #fff;
    position: relative;
}

.cd2-pos1{
    position: absolute;
    left:0;
    top:1.09rem;
    width:2.5rem;
    height:auto;
}

.cd2-pos2{
    position: absolute;
    right:0;
    top:6rem;
    width:2.6rem;
    height:auto;
}
.cd2-list{
    width:100%;
    height:auto;
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-around; */
    justify-content: space-between;
}
.cd2-list::after{
    content: '';
    width:3.8rem;
}
.cd2-list > li{
    width:3.8rem;
    height:auto;
    /* border-radius: .2rem; */
    cursor: pointer;
    /* margin-right:.2rem; */
    margin-bottom:.3rem;
    /* background: #00f; */
}

.cd2-top{
    width:3.8rem;
    height:2.5rem;
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
}

.cd2-top > img{
    width: 100%;
    height:100%;
    object-fit: cover;
    display: block;

}

.cd2-bottom-pic{
    width:100%;
    height:.92rem;
    background: #f8f8f8;
    border-bottom-left-radius: .2rem;
    border-bottom-right-radius: .2rem;
    line-height: .92rem;
    font-weight: bold;
    font-size: .22rem;
    color: #333333;
    text-align: center;
}

.cd2-list > li:hover .cd2-bottom-pic{
    background: linear-gradient( 135deg, #2D4994 0%, #1D2F5E 100%);
    color:#fff
}

.cd2-bottom-school{
    width:100%;
    height:1.92rem;
    background: #f8f8f8;
    border-bottom-left-radius: .2rem;
    border-bottom-right-radius: .2rem;
    padding:.3rem;
    box-sizing: border-box;
    text-align: center;
}

.sctitle{
    font-weight: bold;
    font-size: .22rem;
    color: #333333;
}
.scdesc{
    font-weight: 400;
    font-size: .16rem;
    color: #666666;
    margin-top: .2rem;
    text-align: justify;
    line-height: .24rem;
}

.cd2-list > li:hover .cd2-bottom-school{
    background: linear-gradient( 135deg, #2D4994 0%, #1D2F5E 100%);
}
.cd2-list > li:hover .scdesc , .cd2-list > li:hover .sctitle {
    color: #fff;
}

.article-box{
    width:100%;
    height:auto;
    padding:.6rem 0 1.6rem 0;
    background: #fff;
    position: relative;
}

.cd-pos1{
    position: absolute;
    left:0;
    top: 2.6rem;
    width:2.5rem;
    height: auto;
    display: block;
}

.cd-pos2{
    position: absolute;
    right:0;
    top: 8rem;
    width:2.6rem;
    height: auto;
    display: block;
}

.cd-pos3{
    position: absolute;
    left:0;
    top: 1.1rem;
    width:2.5rem;
    height: auto;
    display: block;
}

.cd-pos4{
    position: absolute;
    right:0;
    top: 6rem;
    width:2.6rem;
    height: auto;
    display: block;
}

.notpaddingbottom{
    padding-bottom: 0 !important;
}

.art-content{
    width:100%;
    height:auto;
    display: flex;
    justify-content: space-between;
}

.art-left{
    width:8.1rem;
    height:auto;
    /* background: #f00; */
}

.art-left > h2{
    font-weight: 500;
    font-size: 40px;
    color: #333333;
    border-bottom: 0.01rem solid #DCDCDC;
    padding-bottom: .4rem;
}

.art-left > h3{
    font-weight: 500;
    font-size: 40px;
    color: #333333;
    border-bottom: 0.01rem solid #DCDCDC;
    /* padding-bottom: .4rem; */
}
.art-left > h3 > span{
    display: block;
    font-weight: 400;
    font-size: .16rem;
    color: #999999;
    margin: .2rem 0;
}

.news-border{
    border-bottom: 0.01rem solid #DCDCDC;
    padding-bottom: .6rem;
}

.art-left > pre{
    font-weight: 400;
    font-size: .18rem;
    color: #333333;
    white-space:pre-wrap;
    word-wrap: break-word;
}

.art-left > p{
    font-weight: 400;
    font-size: .17rem;
    color: #333333;
    margin-top: .4rem;
    line-height: .28rem;
}

.art-left img{
    width:100%;
    height:auto;
    display: block;
    margin-top: .3rem;
}

.art-right{
    width:2.9rem;
    height:auto;
    /* background: #ccc; */
}

.art-right > h3{
    font-weight: 400;
    font-size: .24rem;
    color: #333333;
    padding: .2rem 0 .3rem 0;
    border-bottom: 0.01rem solid #DCDCDC;
}

.art-list > li{
    width:100%;
    height:1.24rem;
    display: flex;
    justify-content:center;
    flex-direction: column;
    border-bottom: 0.01rem solid #DCDCDC;
    cursor: pointer;
}

.art-list > li:hover p{
    color:#1D2F5E;
}
.art-title{
    font-weight: 400;
    font-size: .18rem;
    color: #333333;
}

.art-date{
    font-weight: 400;
    font-size: .16rem;
    color: #999;
    margin-top: .14rem;
}

.news-arraw{
    width: 100%;
    height:auto;
    padding:.6rem 0 0 0;
    border-top: 0.01rem solid #DCDCDC;
    margin-top: .6rem;
}

.news-arraw-list{
    display: flex;
    justify-content: space-between;
}

.news-arraw-list > li{
    width:3.8rem;
    height: 1rem;
    background: #f8f8f8;
    border-radius: .1rem;
    border:0.01rem solid #e8e8e8;
    padding:.2rem .3rem;
    box-sizing: border-box;
    cursor: pointer;
}

.news-arraw-list > li > p{
    font-weight: 400;
    font-size: .16rem;
    color: #999999;
}
.news-arraw-list > li > h4{
    font-weight: bold;
    font-size: .18rem;
    color: #333;
    margin-top: .1rem;
}

.honor-box{
    width:100%;
    height:auto;
    background: #fff;
    padding-bottom: 1.6rem;
    position: relative;
}

.honor-content h3 {
    font-weight: bold;
    font-size: .4rem;
    color: #333333;
    padding:.4rem 0 .6rem 0
}

.honor-ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.honor-ul::after{
    content: '';
    width:3.72rem;
}

.honor-ul > li{
    margin-bottom: .2rem;
}

.item-ry{
    width:3.72rem;
    height:inherit;
    /* margin-r */
}

.item-ry-img{
    width:3.72rem;
    height:2.5rem;
    background: #f8f8f8;
    border-radius: .1rem;
}

.item-ry-img > img{
    width:100%;
    height:100%;
    display: block;
}
.item-ry > p{
    text-align: center;
    width:100%;
    font-weight: 400;
    font-size: .22rem;
    color: #333333;
    padding:0 .22rem;
    box-sizing: border-box;
    line-height: .7rem;
}

.new2-l{
    position: absolute;
    left:0;
    top:2.55rem;
    width:2.5rem;
    height:auto;
    display: block;
}
.new2-r{
    position: absolute;
    right:0;
    top:8rem;
    width:2.6rem;
    height:auto;
    display: block;
}